<script>
export default {
  name: "Aside",
  props:{

  },
  methods:{

  },
  data(){
    return{
      user:localStorage.getItem("user") ? JSON.parse(localStorage.getItem("user")) : {},
    }
  }
}
</script>

<template>
  <el-menu :default-openeds="['1', '3']" style="min-height: 100%" background-color="rgb(244,164,96)"
           text-color="rgb(238, 241, 246)" router
  >
    <div style="height: 80px;line-height: 100px;text-align: center" >
    <img src="../assets/PetLogo.png" alt="" style="width: 30px;position: relative;top: 5px;margin-right: 5px">
    <b style="color: whitesmoke">宠物交易市场</b>
  </div>
    <el-menu-item index="/Manager/Homeview">
    <template slot="title"><i class="el-icon-s-home"></i>首页</template>
    </el-menu-item>
    <el-menu-item index="/Manager/Pet">
      <template slot="title"><i class="el-icon-shopping-cart-1"></i>宠物列表</template>
    </el-menu-item>
    <el-menu-item index="/Manager/Transfer">
      <template slot="title"><i class="el-icon-goods"></i>交易信息列表</template>
    </el-menu-item>
    <el-menu-item v-if="user.userType==3" index="/Manager/User">
    <template slot="title"><i class="el-icon-user-solid"></i>用户列表</template>
    </el-menu-item>
    <el-menu-item v-if="user.userType==3" index="/Manager/LoginDetails">
      <template slot="title"><i class="el-icon-document"></i>登录信息列表</template>
    </el-menu-item>
    <el-menu-item index="/">
      <template slot="title"><i class="el-icon-back"></i>返回登录界面</template>
    </el-menu-item>
  </el-menu>
</template>

<style scoped>
.el-menu {
  height: 200vh;
}
</style>